<template>
  <div>
    <h1>MyRef</h1>
    <button v-on:click="handle">组件内确认</button>
   
  </div>
</template>

<script>
export default {
    data(){
        return{
            in:'组件内'
        }
    },
    methods:{
        handle(){
            //$refs(常用)
            //$children
            //$parent
            //$attrs
            //$nextTick(常用)
            //$attrs
            // console.log(this.in)
            //获取父级实例对象
            console.log(this.$parent)
            //$attrs
            //获取没有被props 定义接收的参数
            console.log(this.$attrs,'this.$attrs')
        }
    },
    created(){
        //dom更新后执行的延迟回调
        this.$nextTick(()=>{
            console.log(this.$refs.pty) //直接访问实例在created中访问不到，因为还没加载出来,没有映射到真实dom上
        })
    }

}
</script>

<style>

</style>